﻿@model IEnumerable<GuRenFang.Service.Entity.Photos>
@{
    ViewBag.Title = "欢迎光临 上海 古人坊 古装艺术摄影";
}
<section id="leftPanel">
    <div class="leftContainer">
        <div class="LeftHeaderBg">
            <span class="ImageTitle NewsTitleBg"></span>
        </div>
        <div class="LeftContent" id="TopActivities">
            @{Html.RenderAction("_TopFive", "Activities");}
        </div>
        <div class="leftFooter"></div>
    </div>
    <div class="leftContainer">
        <div class="LeftHeaderBg">
            <span class="ImageTitle TipsBg"></span>
        </div>
        <div class="LeftContent" id="contactUs">
             @{Html.RenderPartial("_ContactUS");}
        </div>
        <div class="leftFooter"></div>
    </div>
</section>
<section id="rightPanel">
    <div class="rightContainer">
        <div class="rightHeaderBg">
        </div>
        <div class="rightContent">
            <div id="myCarousel" class="carousel slide">
                <!-- Carousel items -->
                <div class="carousel-inner">
                    @for (int i = 0; i < Model.Count(); i++)
                    {
                        if (i == 0)
                        {
                        <div class="item active">
                            <img src="@Url.Content("~" + Model.ElementAt(i).ImgPath)" alt="@Model.ElementAt(i).Title" />
                            <div class="carousel-caption active">
                                <h4>@Model.ElementAt(i).Title</h4>
                                <p>@Model.ElementAt(i).Content</p>
                            </div>
                        </div>
                        }
                        else
                        {
                        <div class="item">
                            <img src="@Url.Content("~" + Model.ElementAt(i).ImgPath)" alt="@Model.ElementAt(i).Title" />
                            <div class="carousel-caption">
                                <h4>@Model.ElementAt(i).Title</h4>
                                <p>@Model.ElementAt(i).Content</p>
                            </div>
                        </div>   
                        }

                    }
                </div>
                <!-- Carousel nav -->
                <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div>
        </div>
        <div class="rightFooter"></div>
    </div>
    <div class="middleContainer">
        <div class="middleTopHader">
        </div>
        <div class="middleContent">
            <img src="~/img/Tips.gif" alt="温馨提示，拍摄注意事项" style="float: left" />
            <div >
                 @{Html.RenderAction("_Tips", "Home");}
            </div>
        </div>
        <div class="middleFooter">
        </div>
    </div>
</section>
<section class="clear-fix"></section>
<section id="imageShow">
    <div class="imageShowTitle">
        <div class="dropdown float-right">
            <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">更多作品展示<b class="caret bottom-up"></b></a>
            <ul class="dropdown-menu bottom-up pull-right">
                <li><a href="@Url.Content("~/photograph-show/wedding-dress")">婚纱摄影作品</a></li>
                <li class="divider"></li>
                <li><a href="@Url.Content("~/photograph-show/portrait")">写真摄影作品</a></li>
            </ul>
        </div>
        <div class="float-right" id="line">
            <hr />
        </div>
    </div>
    <div class="imageContainer" id="myShow">
        
            @{Html.RenderAction("TopCategoryForHomePage", "Category");}
        
    </div>
</section>
<section id="bottom">
    <div class="fashionNewsContainer float-left">
        <div class="fashionNewsHaderBg">
        </div>
        <div class="fashionContent">
            <a href="javascript:void(0)" title="时尚资讯，点击查看更多内容！">
                <img src="~/img/FashionNews.jpg" alt="时尚资讯，点击查看更多内容！" /></a>
            <div>
                @{Html.RenderAction("_TopTen", "News");}
            </div>
            <div class="clear-fix"></div>
        </div>
        <div class="fashionFooter">
        </div>
    </div>
    <div class="weiboContainer float-left">
        <div class="weiboHeaderBg">
        </div>
        <div class="weiboContent">
            <div>
                <iframe id="SinaWeibo" scrolling="no" src="http://v.t.sina.com.cn/widget/widget_blog.php?uid=2407232482&height=315&width=100%&&skin=wd_01"></iframe>
            </div>
        </div>

        <div class="weiboFooter"></div>
    </div>
    <div class="clear-fix"></div>
</section>

@section DocumentReady{
    $('.carousel').carousel({
        interval: 3000
    });
    $("#myShow").find("img").hover(
        function () { $(this).css("opacity", "0.5"); }, function () { $(this).css("opacity", "1"); }
    );
    $('#myShow').kxbdMarquee({ direction: 'right',isEqual:true,scrollAmount:1 });
    
}


